<template>
    <div class="all">
    <div class="logo"> <img src="../assets/images/logo.jpg" alt=""></div>   
        <h1 class="title" style="text-align: center; display: block">行业解决方案Demo</h1>
        <div >
            <el-row :gutter="12"  style="display:flex;justify-content: center;align-items: center;">
                <el-col :span="4" >
                    <el-card class="box-card">
                        <span class="pic"><img src="../assets/images/01.svg" alt=""></span>
                        <div>
                            <h3 class="card_title">电商Demo</h3>
                            <span class="card_desc">赋能用户生命周期运营，商品个性化分发，实现高质量业务增长</span>
                            <span class="pic">
                                <el-button  type="warning"  size="small" style="font-size: 14px;"  @click="gopath('@/views/index')">点击体验 </el-button>
                            </span>
                        </div>
                    </el-card>
                </el-col>

                 <el-col :span="4">
                    <el-card class="box-card">
                        <span class="pic"><img src="../assets/images/02.svg" alt=""></span>
                        <div>
                            <h3 class="card_title">品牌零售Demo</h3>
                            <span class="card_desc">构建消费者数据平台（CDP），提供全域消费者数字化运营闭环解决方案。</span>
                            <span class="pic">
                                <el-button type="warning" size="small"><a style="font-size: 14px;">点击体验</a></el-button>
                            </span>
                        </div>
                    </el-card>
                </el-col>

                 <el-col :span="4">
                    <el-card class="box-card">
                        <span class="pic"><img src="../assets/images/03.svg" alt=""></span>
                        <div>
                            <h3 class="card_title">教育行业Demo</h3>
                            <span class="card_desc">多端视角解读核心教育行业，依托数字化运营手段，赋能业务增长。</span>
                            <span class="pic">
                                <el-button type="warning" size="small"><a style="font-size: 14px;">教育机构</a></el-button>
                                <el-button type="warning" size="small"><a style="font-size: 14px;">硬件</a></el-button>
                                <el-button type="warning" size="small"><a style="font-size: 14px;">教育信息化</a></el-button>
                            </span>
                        </div>
                    </el-card>
                </el-col>

                 <el-col :span="4">
                    <el-card class="box-card">
                        <span class="pic"><img src="../assets/images/04.svg" alt=""></span>
                        <div>
                            <h3 class="card_title">文娱Demo</h3>
                            <span class="card_desc">及时发现内容爆点，从内容查看、互动传播，优化用户体验，提高用户粘性。</span>
                            <span class="pic">
                                <el-button type="warning" size="small"><a style="font-size: 14px;">社交</a></el-button>
                                <el-button type="warning" size="small"><a style="font-size: 14px;">内容媒体</a></el-button>
                            </span>
                        </div>
                    </el-card>
                </el-col>
            </el-row>
        </div>


 <div >
            <el-row :gutter="12"  style="display:flex;justify-content: center;align-items: center;">
                <el-col :span="4" >
                    <el-card class="box-card">
                        <span class="pic"><img src="../assets/images/05.svg" alt=""></span>
                        <div>
                            <h3 class="card_title">证券Demo</h3>
                            <span class="card_desc">搭建全域全生命周期运营平台与智能财富管理营销中心，为财富管理保驾护航。</span>
                            <span class="pic">
                                <el-button type="warning" size="small"><a style="font-size: 14px;">点击体验</a></el-button>
                            </span>
                        </div>
                    </el-card>
                </el-col>

                 <el-col :span="4">
                    <el-card class="box-card">
                        <span class="pic"><img src="../assets/images/06.svg" alt=""></span>
                        <div>
                            <h3 class="card_title">银行Demo</h3>
                            <span class="card_desc">构建以客户为中心的数字化运营工作流，实现数据驱动闭环，打造核心竞争力。</span>
                            <span class="pic">
                                <el-button type="warning" size="small"><a style="font-size: 14px;">零售</a></el-button>
                                <el-button type="warning" size="small"><a style="font-size: 14px;">信用卡</a></el-button>
                                <el-button type="warning" size="small"><a style="font-size: 14px;">对公业务</a></el-button>
                            </span>
                        </div>
                    </el-card>
                </el-col>

                 <el-col :span="4">
                    <el-card class="box-card">
                        <span class="pic"><img src="../assets/images/07.svg" alt=""></span>
                        <div>
                            <h3 class="card_title">融和媒体Demo</h3>
                            <span class="card_desc">多维分析用户观影偏好与使用特征，数据驱动用户活跃运营，挖掘用户费用付费价值。</span>
                            <span class="pic">
                                <el-button type="warning" size="small"><a style="font-size: 14px;">智能大屏</a></el-button>
                                <el-button type="warning" size="small"><a style="font-size: 14px;">移动端</a></el-button>
                            </span>
                        </div>
                    </el-card>
                </el-col>

                 <el-col :span="4">
                    <el-card class="box-card">
                        <span class="pic"><img src="../assets/images/08.svg" alt=""></span>
                        <div>
                            <h3 class="card_title">社交电商Demo</h3>
                            <span class="card_desc">涵盖社交的核心业务场景，关注活动效果，实现用户分层，精准触达用户。</span>
                            <span class="pic">
                                <el-button type="warning" size="small">点击体验</el-button>
                            </span>
                        </div>
                    </el-card>
                </el-col>
            </el-row>
        </div>


 <div >
            <el-row :gutter="12"  style="display:flex;justify-content: center;align-items: center;">
                <el-col :span="4" >
                    <el-card class="box-card">
                        <span class="pic"><img src="../assets/images/09.svg" alt=""></span>
                        <div>
                            <h3 class="card_title">游戏Demo</h3>
                            <span class="card_desc">用户分析，渠道评析，核心玩法，经济系统，用户标签，精细化运营的解决方案</span>
                            <span class="pic">
                                <el-button type="warning" size="small">点击体验</el-button>
                            </span>
                        </div>
                    </el-card>
                </el-col>

                 <el-col :span="4">
                    <el-card class="box-card">
                        <span class="pic"><img src="../assets/images/10.svg" alt=""></span>
                        <div>
                            <h3 class="card_title">互联网金融Demo</h3>
                            <span class="card_desc">选择优质渠道，洞察行为路径，提升用户高转化率及监控调优用户生命周期。</span>
                            <span class="pic">
                                <el-button type="warning" size="small"><a style="font-size: 14px;">消费金融</a></el-button>
                                <el-button type="warning" size="small"><a style="font-size: 14px;">理财</a></el-button>
                            </span>
                        </div>
                    </el-card>
                </el-col>

                 <el-col :span="4">
                    <el-card class="box-card">
                        <span class="pic"><img src="../assets/images/11.svg" alt=""></span>
                        <div>
                            <h3 class="card_title">企业服务Demo</h3>
                            <span class="card_desc">帮助企业实现潜在客户获取和管理、客户服务等流程，保证客户续约和提升NPS</span>
                            <span class="pic">
                                <el-button type="warning" size="small">点击体验</el-button>
                            </span>
                        </div>
                    </el-card>
                </el-col>

                 <el-col :span="4">
                    <el-card class="box-card">
                        <span class="pic"><img src="../assets/images/12.svg" alt=""></span>
                        <div>
                            <h3 class="card_title">房产Demo</h3>
                            <span class="card_desc">更搞笑的客户、经纪人及房源端的管理解决方案，优化供需流程，建立数据闭环</span>
                            <span class="pic">
                                <el-button type="warning" size="small">点击体验</el-button>
                            </span>
                        </div>
                    </el-card>
                </el-col>
            </el-row>
        </div>


         <div >
            <el-row :gutter="12"  style="display:flex;justify-content: center;align-items: center;">
                <el-col :span="4" >
                    <el-card class="box-card">
                        <span class="pic"><img src="../assets/images/13.svg" alt=""></span>
                        <div>
                            <h3 class="card_title">保险Demo</h3>
                            <span class="card_desc">以客户为中心，赋能险企增量与存量业务的数字化经营升级，实现降本增效。</span>
                            <span class="pic">
                                <el-button type="warning" size="small">点击体验</el-button>
                            </span>
                        </div>
                    </el-card>
                </el-col>

                 <el-col :span="4">
                    <el-card class="box-card">
                        <span class="pic"><img src="../assets/images/14.svg" alt=""></span>
                        <div>
                            <h3 class="card_title">汽车Demo</h3>
                            <span class="card_desc">打造全域旅程数据运营平台，驱动用户价值升级</span>
                            <span class="pic">
                                <el-button type="warning" size="small">点击体验</el-button>
                            </span>
                        </div>
                    </el-card>
                </el-col>

                 <el-col :span="4">
                    <el-card class="box-card">
                        <span class="pic"><img src="../assets/images/15.svg" alt=""></span>
                        <div>
                            <h3 class="card_title">泛互联网Demo</h3>
                            <span class="card_desc">帮助广大互联网各细分行业实现产品升级和服务跃迁，有效提升企业营收指标</span>
                            <span class="pic">
                                <el-button type="warning" size="small">点击体验</el-button>
                            </span>
                        </div>
                    </el-card>
                </el-col>
            </el-row>
        </div>

    </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
.all{
    background-color:#f8fbfd ;
    .logo{
        img{
               width: 10%;
               margin-left: 20%;
        }
    }
}
.title{
    margin-top: 50px;
}
.title::after{
        content: '';
    width: 85px;
    height: 3px;
    border-radius: 4px;
    background-color: #ffba00;
    display: block;
    margin: 25px auto 0;
}
.box-card{
    width: 95%;
    height: 300px;
    margin-top: 40px;
}
.box-card:hover {
    box-shadow: 0 25px 60px -20pxrgba(155, 165, 163, .45);
    cursor: pointer;
    -webkit-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    transform: translateY(-8px);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.card_desc {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: justify;
    color: #828f90;
    line-height: 1.785;
    font-weight: 300;
    font-size: 14px;
}

.card_title {
    text-align: center;
    margin-top: 19px;
    color: #2e4446;
    font-size: 20px;
    border-top: 1px solid #e7e7e7;
    padding-top: 14px;
}

.pic {
    display: flex;
    justify-content: center;
    align-items: center;

    img {

        height: 46px;
        margin-top: 23px;

    }
}
::v-deep .el-card__body{
    padding: 15px 15px 20px 20px;
}
</style>